import React, { Component,lazy,Suspense } from 'react';

import A from './A'
//import B from './B'
//import C from './C'

const B =lazy(()=>import('./B'))
const C =lazy(()=>import('./C'))


export default class App extends Component {
  render() {
    return (
        <div>
            <h2>代码分割</h2>
            <Suspense fallback={ <div>正在加载中。。。</div> }>
                <A></A>
                <B></B>
                <C></C>
            </Suspense>
           
        </div>
    );
  }
}
